<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人中心</title>
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/userInfo/xuserInfo.css">
</head>
<body>
  <div class="container">
    <!-- 头部信息，包括个人信息显示和等级信息显示 -->
    <div class="row header">
      <div class="info-mod">
        <div class="info-bg"></div>
        <div class="user-logo-mod">
          <a href="./personalInfo.html"><img src="./img/user.jpg" class="img-circle"></a>
        </div>        
        <div class="user-info-mod">
          <h4>曾小贤</h4>
          <p>
            <a href="./myFans.html">粉丝<span id="fans">100</span></a>
            <a href="#">关注<span id="focus">100</span></a>
          </p>        
        </div>
        <!-- 设置按钮 -->
        <a href="./personalSetting.html" class="goToSetting"><span class="glyphicon glyphicon-cog"></span></a>
      </div>
    </div>
    <!-- 订单管理 -->
    <div class="buyer row">
      <div class="col-xs-12 title">
        <p class="h5" style="font-size: 16px;"><span class="glyphicon glyphicon-th title-logo"></span>订单管理</p>
      </div>
      <div class="oprator">
          <div class="part">
            <a href="./orderManage.html"><img src="./img/logo/all.svg">全部</a>
          </div>
          <div class="part">
            <a href="./orderManage.html#topay"><img src="./img/logo/readyToPay.svg">待付款</a>
          </div>
          <div class="part">
            <a href="./orderManage.html#tosend"><img src="./img/logo/send.svg">未发货</a>
          </div>
          <div class="part">
            <a href="./orderManage.html#toreceive"><img src="./img/logo/receive.svg">待收货</a>
          </div>
          <div class="part">
            <a href="./orderManage.html#toevaluate"><img src="./img/logo/nobuy.svg">待评价</a>
          </div>
      </div> 
    </div>
    <!-- 消息中心 -->
    <div class="order row">
      <div class="col-xs-12 title">
        <a href="./messageCenter.html"><span class="glyphicon glyphicon-envelope title-logo"></span>消息</a>
        <a href="./messageCenter.html" class="goToSetting"><img src="./img/logo/rightArrow.png"></a>
      </div>
    </div>
    <!-- 我的竞价 -->
    <div class="order row">
      <div class="col-xs-12 title">
        <a href="./personalBidding.html"><span class="glyphicon glyphicon-arrow-up title-logo"></span>我的竞价</a>
        <a href="./personalBidding.html" class="goToSetting"><img src="./img/logo/rightArrow.png"></a>
      </div>
    </div>
    <!-- 收货地址 -->
    <div class="order row">
      <div class="col-xs-12 title">
        <a href="./addAddresses.html"><span class="glyphicon glyphicon-home title-logo"></span>我的地址</a>
        <a href="./addAddresses.html" class="goToSetting"><img src="./img/logo/rightArrow.png"></a>
      </div>
    </div>
    <!-- 用户注销账号 -->
    <div class="order row">
      <div class="col-xs-12 title">
        <a href="##"><span class="glyphicon glyphicon-remove-sign title-logo"></span>用户注销</a>
        <a href="##" class="goToSetting"><img src="./img/logo/rightArrow.png"></a>
      </div>
    </div>
  </div>
</body>
</html>